在視頻畫面尺寸、手機(jī)屏幕分辨率極多的復(fù)雜情況下，如何通過(guò)布局、內(nèi)容、視窗擠壓、智能滿屏等形式，進(jìn)一步提升昆山網(wǎng)頁(yè)設(shè)計(jì)視頻看播沉浸式體驗(yàn)?zāi)兀?/p>

沉浸式體驗(yàn)是讓人專注在當(dāng)前的目標(biāo)，全身心投入并感到愉悅和滿足，從而忽略時(shí)間的流逝。應(yīng)用到界面上則是更強(qiáng)調(diào)聚焦內(nèi)容，減少不必要的打擾。本次研究與實(shí)踐針對(duì)視頻場(chǎng)景中視頻所呈現(xiàn)的畫面，昆山網(wǎng)頁(yè)設(shè)計(jì)通過(guò)精細(xì)化的設(shè)計(jì)，在多樣化的手機(jī)屏幕中呈現(xiàn)時(shí)，能夠帶給用戶更為沉浸的視頻觀看體驗(yàn)。

視頻播放器中視頻畫面當(dāng)然是最主要的內(nèi)容，以此作為突破點(diǎn)進(jìn)行思考：

最大化畫面視野：通過(guò)改變視頻畫面本身的大小，減少頁(yè)面“昆山網(wǎng)頁(yè)設(shè)計(jì)留白”，讓用戶更聚焦視頻畫面，觀看視頻時(shí)更專注。

最佳視線觀看位置：將不同高度的視頻按照頁(yè)面結(jié)構(gòu)去布局視頻畫面，通過(guò)畫面避讓狀態(tài)欄、頂?shù)?nbsp;bar 結(jié)構(gòu)的方式，使畫面更加整潔，減少元素混亂帶來(lái)的干擾，同時(shí)昆山網(wǎng)頁(yè)設(shè)計(jì)整體位置偏上展示，視線落點(diǎn)更加舒適。

最大化視頻畫面視野

隨著時(shí)代的發(fā)昆山網(wǎng)頁(yè)設(shè)計(jì)展，為提升消費(fèi)者對(duì)手機(jī)的操作體驗(yàn)，智能手機(jī)逐漸多元化，手機(jī)屏幕尺寸迭代更快、更加豐富多樣。手機(jī)作為視頻很重要的生產(chǎn)端，手機(jī)屏幕尺寸的多樣化影響到產(chǎn)出視頻尺寸的多樣化，同時(shí)用戶可通過(guò)視頻編輯工具任意編輯昆山網(wǎng)頁(yè)設(shè)計(jì)昆山網(wǎng)頁(yè)設(shè)計(jì)能帶給用戶更好的觀看體驗(yàn)。  我們要做的就是將不可控的視頻資源和不可控的瀏覽視頻設(shè)備設(shè)計(jì)為可控的視覺展示效果，并最大化視頻畫面。減少環(huán)境干擾，給用戶帶來(lái)沉浸式感官體驗(yàn)。

智能滿屏

通過(guò)裁剪方式放大畫面視野昆山網(wǎng)頁(yè)設(shè)計(jì)之外，還通過(guò)讓用戶自主交互操作再次放大畫面視野，調(diào)整到自己喜歡的觀看視頻的方式。相較于上方默認(rèn)裁剪放大，滿屏方式更加激進(jìn)極致，畫面放大更多。開啟方式除了通過(guò)面板功能按鈕外，增加便捷交互開啟手勢(shì)，用戶可昆山網(wǎng)頁(yè)設(shè)計(jì)雙指放大快速開啟。

由于滿屏是用戶主動(dòng)操作放大行為，可以接受文字內(nèi)容被裁剪，但也需要有節(jié)制的放大，避免帶來(lái)畫面裁剪過(guò)多視覺體驗(yàn)不佳的問(wèn)題。為了保證 95%以上資源撐滿全屏，達(dá)到放大畫面視野極致體驗(yàn)。同時(shí)昆山網(wǎng)頁(yè)設(shè)計(jì)最大畫面裁剪面積不超過(guò)一定比例（根據(jù)自身業(yè)務(wù)視頻資源判斷），將視頻資源細(xì)分為 3 類進(jìn)行不同效果處理：

可繼續(xù)放大至滿屏的視頻，則進(jìn)行滿屏展現(xiàn)。 

不可繼續(xù)放大的視頻，如果繼續(xù)放大會(huì)導(dǎo)致裁剪畫面過(guò)多影響觀看昆山網(wǎng)頁(yè)設(shè)計(jì)完整度與觀看體驗(yàn)，則保持上方提到的裁剪規(guī)則，不做另外處理。

橫版視頻統(tǒng)一放大至固定尺寸，可根據(jù)自身業(yè)務(wù)資源進(jìn)行放大尺寸的定義。

在視頻場(chǎng)景觀看評(píng)論時(shí)會(huì)彈起半屏面板，遮擋住視頻內(nèi)容，導(dǎo)致用戶無(wú)昆山網(wǎng)頁(yè)設(shè)計(jì)法在瀏覽評(píng)論的同時(shí)觀看視頻內(nèi)容。我們通過(guò)視窗上移動(dòng)擠壓功能，在瀏覽面板內(nèi)容時(shí)不對(duì)視頻內(nèi)容打斷，弱化面板內(nèi)容給用戶帶來(lái)的影響。

視窗高度固定，畫面寬高比越小畫面內(nèi)容越小，觀看體驗(yàn)不友好，所以豎版視頻對(duì)壓縮昆山網(wǎng)頁(yè)設(shè)計(jì)后的顯示尺寸進(jìn)行干預(yù)，定義最小視頻畫面展示比例，盡量擴(kuò)大畫面視野，保證觀看視頻的舒適度。

在不打斷用戶視頻瀏覽的基礎(chǔ)上還建設(shè)了懸浮小窗交互體驗(yàn)，旨在為用戶提供完善優(yōu)質(zhì)的視頻消費(fèi)體驗(yàn)。用戶進(jìn)行其它操作時(shí)仍昆山網(wǎng)頁(yè)設(shè)計(jì)

沉浸昆山網(wǎng)頁(yè)設(shè)計(jì)式體驗(yàn)設(shè)計(jì)是幫助用戶減少畫面干擾，讓用戶專注于當(dāng)前的視頻瀏覽，忽略時(shí)間的流逝進(jìn)入心流狀態(tài)。我們通過(guò)放大畫面視野，增強(qiáng)畫面沖擊力的方式減少干擾，并解決在視頻畫面尺寸、手機(jī)屏幕分辨率極多的復(fù)雜情況下，保證昆山網(wǎng)頁(yè)設(shè)計(jì)昆山網(wǎng)頁(yè)設(shè)計(jì)提升方式，為用戶帶來(lái)更加舒適的觀看使用體驗(yàn)。